module.exports = {
  publicPath: './',
  productionSourceMap: false,
  css: {
    loaderOptions: {
      sass: {
        prependData: '@import "src/style/variable.scss";'
      },
      postcss: {
        plugins: [
          // 补全css前缀(解决兼容性)
          require('autoprefixer')(),
          // 把px单位换算成rem单位
          require('postcss-pxtorem')({
            rootValue: 16,
            exclude: /node_modules/i,
            propList: ['*'], // 可以从px更改为rem的属性。
            minPixelValue: 10 // 设置要替换的最小像素值。
          })
        ]
      }
    }
  },
  chainWebpack: config => {
    config.resolve.symlinks(true)
  }, // 热更新配置
  devServer: {
    hot: true,
    disableHostCheck: false,
    overlay: {
      errors: false
    },
    proxy: {
      '/api': {
        target: 'http://13.70.3.83', // 测试环境
        // target: 'http://www.xinghejingyu.com', // 目标地址
        ws: false, // 是否启用websockets
        changeOrigin: true, // 开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
        // pathRewrite: { '^/api': 'http://www.xinghejingyu.com' } // 这里重写路径
        pathRewrite: { '^/api': 'http://13.70.3.83' } // 测试环境
      }
    }
  }
}
